<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE-edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="css/master.css" type="text/css">
    <title>blog</title>
</head>
<body>
    <div class="container">
        <div class="st-container">
            <input type="radio" name="radio-set" checked="checked" id="st-control-1">
            <a href="#st-panel-1">Home</a>
            <input type="radio" name="radio-set"  id="st-control-2">
            <a href="#st-panel-2">About Me</a>
            <input type="radio" name="radio-set"  id="st-control-3">
            <a href="#st-panel-3">Blog</a>
            <input type="radio" name="radio-set"  id="st-control-4">
            <a href="#st-panel-4">Git@OSC</a>
            <input type="radio" name="radio-set"  id="st-control-5">
            <a href="#st-panel-5">Contact Me</a>

            <div class="st-scroll">
                <section class="st-panel" id="st-panel-1">
                    <div class="st-desc" data-icon="=CHL"></div>
                    <h2>曹慧琳</h2>
                    <p>Pursue beauty ,  Approach beauty ,  Achieve beauty</p>
                </section>
                <section class="st-panel st-color" id="st-panel-2">
                    <div class="st-desc" data-icon="=CHL"></div>
                    <h3>95后前端工程师</h3>
                    <p>Hunan university of science and technology<br/>
                        The Internet of Things Engineering<br/>
                    </p>
                </section>
                <section class="st-panel" id="st-panel-3">
                    <div class="st-desc" data-icon="=CHL"></div>
                    <h3 id="st-ch">Blog</h3>
                    <p>在<a href="#">这里</a>，<br />记录学习的每一个脚印<br />感悟生活的每一份心情 </p>
                </section>
                <section class="st-panel st-color" id="st-panel-4">
                    <div class="st-desc" data-icon="=CHL"></div>
                    <h3><a href="http://git.oschina.net/caohuilin" target="_blank">Git@OSC</a><div id="line"></div></h3>
                    <p>从 2015 年 7 月起，这里便是我的一片天地</p>
                </section>
                <section class="st-panel" id="st-panel-5">
                    <div class="st-desc" data-icon="=CHL"></div>
                    <h3>Contact Me</h3>
                    <p>
                        Tel : 15173266529<br />
                        QQ : 1057275848<br />
                        Mail : caohuilin9588@foxmail.com
                    </p>
                </section>
            </div>
            <div class="foot">
                <img id="left-foot"  src="img/left-foot.png" alt="">
                <img id="right-foot" src="img/right-foot.png" alt="">
            </div>
        </div>
    </div>
</body>
</html>